<template>
    <div class = "BeautifulCourse">
        <ul class="list">
            <li class = "item" v-for = "v in 5" :key = "v" @click = "toOtherPage">
                <img v-if = "host" :src="host + '/images/beautiful_1.png'" alt="">
            </li>
        </ul>
        <MaskBuyGoods v-if = "maskState" @maskClick = "closeMask"/>
    </div>
</template>
<script>
import MaskBuyGoods from "../../components/MaskBuyGoods"
import HOST from "../../config/host"


export default {
    data(){
        return {
            host: HOST,
            maskState: false
        }
    },
    onLoad(){
        
    },
    methods: {
        toOtherPage(){
            wx.navigateTo({ url: '/pages/OtherPage/main' });
        },
        closeMask(){
            this.maskState = false;
        }
    },
    components: {
        MaskBuyGoods
    }
}
</script>
<style lang = "scss" scoped>
    @import "index.scss";
</style>
